<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/css/fantasy-home.css">
    <link type="text/css" rel="stylesheet" href="${ctxStatic}/css/mainstyle.css"/>
    <style>

    </style>
    <script language="javascript">

        var northwest = null;
        var north = null;
        var northeast = null;
        var west = null;
        var east = null;
        var southwest = null;
        var south = null;
        var southeast = null;
        var cur = null;
        function moveto(obj) {
            var url = "${pageContext.request.contextPath}/fantasy/move/moveTo?fromid=" + cur + "&targetid=" + eval(obj.id);
            parent.contentframe.window.location = url;
        }
    </script>
</head>
<body>

    <div class="userzone" id="userzone">
        <div id="userface">
            <img src="${ctxStatic}/images/fantasy/face.jpg" border="0">
        </div>
        <div id="compass">
            <div id="northwest" onclick="moveto(this);"></div>
            <div id="north" onclick="moveto(this);"></div>
            <div id="northeast" onclick="moveto(this);"></div>
            <div id="west" onclick="moveto(this);"></div>
            <div id="center" onclick="moveto(this);"></div>
            <div id="east" onclick="moveto(this);"></div>
            <div id="southwest" onclick="moveto(this);"></div>
            <div id="south" onclick="moveto(this);"></div>
            <div id="southeast" onclick="moveto(this);"></div>
        </div>
    </div>
</body>
</html>